<!doctype html>
<html lang="us">
<head>
<meta charset="utf-8">
<title>Flange Data Fill Form</title>
<link
	href="<%=request.getContextPath()%>/CSS/ui-darkness/jquery-ui-1.9.2.custom.css"
	rel="stylesheet">
<script src="<%=request.getContextPath()%>/JS/jquery-1.8.3.js"></script>
<script src="<%=request.getContextPath()%>/JS/jquery-ui-1.9.2.custom.js"></script>
<script>
	$(function() {

		$("#accordion").accordion({
			collapsible : true
		});

		$("#button").button();

		$("#buttonGeneral").button();
		$("#buttonJIR").button();
		$("#buttonFD").button();
		$("#buttonBTenR").button();
		$("#buttonVC").button();
		$("#buttonEAT").button();
		$("#buttonBTrqR").button();
		$("#buttonJRL").button();
		$("#buttonCSL").button();
		$("#buttonRAA").button();

		$("#SubmitButton").button();

		$('#closebutton').button();
		$("#radioset").buttonset();

		$("#tabs").tabs();

		$("#dialog").dialog({
			autoOpen : false,
			width : 400,
			buttons : [ {
				text : "Ok",
				click : function() {
					$(this).dialog("close");
				}
			}, {
				text : "Cancel",
				click : function() {
					$(this).dialog("close");
				}
			} ]
		});

		// Link to open the dialog
		$("#dialog-link").click(function(event) {
			$("#dialog").dialog("open");
			event.preventDefault();
		});

		$("#GEN_Workdate").datepicker({
			dateFormat : "yy-mm-dd",
			inline : true

		});
		$("#RAS_onBehalfOfDate").datepicker({
			dateFormat : "yy-mm-dd",
			inline : true
		});
		$("#RAS_justriteDate").datepicker({
			dateFormat : "yy-mm-dd",
			inline : true
		});

		$("#slider").slider({
			range : true,
			values : [ 17, 67 ]
		});

		$("#progressbar").progressbar({
			value : 20
		});

		// Hover states on the static widgets
		$("#dialog-link, #icons li").hover(function() {
			$(this).addClass("ui-state-hover");
		}, function() {
			$(this).removeClass("ui-state-hover");
		});

		$("#buttonGeneral").click(function() {
			$('#1').toggle();
			$('#2').hide();
			$('#3').hide();
			$('#4').hide();
			$('#5').hide();
			$('#6').hide();
			$('#7').hide();
			$('#8').hide();
			$('#9').hide();
			$('#10').hide();
		});

		$("#buttonJIR").click(function() {
			$('#1').hide();
			$('#2').toggle();
			$('#3').hide();
			$('#4').hide();
			$('#5').hide();
			$('#6').hide();
			$('#7').hide();
			$('#8').hide();
			$('#9').hide();
			$('#10').hide();
		});
		$("#buttonFD").click(function() {
			$('#1').hide();
			$('#2').hide();
			$('#3').toggle();
			$('#4').hide();
			$('#5').hide();
			$('#6').hide();
			$('#7').hide();
			$('#8').hide();
			$('#9').hide();
			$('#10').hide();
		});

		$("#buttonBTenR").click(function() {
			$('#1').hide();
			$('#2').hide();
			$('#3').hide();
			$('#4').toggle();
			$('#5').hide();
			$('#6').hide();
			$('#7').hide();
			$('#8').hide();
			$('#9').hide();
			$('#10').hide();
		});

		$("#buttonVC").click(function() {
			$('#1').hide();
			$('#2').hide();
			$('#3').hide();
			$('#4').hide();
			$('#5').toggle();
			$('#6').hide();
			$('#7').hide();
			$('#8').hide();
			$('#9').hide();
			$('#10').hide();
		});

		$("#buttonEAT").click(function() {
			$('#1').hide();
			$('#2').hide();
			$('#3').hide();
			$('#4').hide();
			$('#5').hide();
			$('#6').toggle();
			$('#7').hide();
			$('#8').hide();
			$('#9').hide();
			$('#10').hide();
		});

		$("#buttonBTrqR").click(function() {
			$('#1').hide();
			$('#2').hide();
			$('#3').hide();
			$('#4').hide();
			$('#5').hide();
			$('#6').hide();
			$('#7').toggle();
			$('#8').hide();
			$('#9').hide();
			$('#10').hide();
		});

		$("#buttonJRL").click(function() {
			$('#1').hide();
			$('#2').hide();
			$('#3').hide();
			$('#4').hide();
			$('#5').hide();
			$('#6').hide();
			$('#7').hide();
			$('#8').toggle();
			$('#9').hide();
			$('#10').hide();
		});

		$("#buttonCSL").click(function() {
			$('#1').hide();
			$('#2').hide();
			$('#3').hide();
			$('#4').hide();
			$('#5').hide();
			$('#6').hide();
			$('#7').hide();
			$('#8').hide();
			$('#9').toggle();
			$('#10').hide();
		});

		$("#buttonRAA").click(function() {
			$('#1').hide();
			$('#2').hide();
			$('#3').hide();
			$('#4').hide();
			$('#5').hide();
			$('#6').hide();
			$('#7').hide();
			$('#8').hide();
			$('#9').hide();
			$('#10').toggle();
		});

	});

	$(window).load(function() {
		$('#1').show();
		$('#2').hide();
		$('#3').hide();
		$('#4').hide();
		$('#5').hide();
		$('#6').hide();
		$('#7').hide();
		$('#8').hide();
		$('#9').hide();
		$('#10').hide();
	});
</script>
<style>
body {
	font: 62.5% "Trebuchet MS", sans-serif;
	margin: 50px;
}

.demoHeaders {
	margin-top: 2em;
}

#dialog-link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}

#dialog-link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}

#icons {
	margin: 0;
	padding: 0;
}

#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}

#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
</style>
</head>
<body>

	<%@ include file="links.jsp"%>

	<button id="buttonGeneral" value="General">General</button>
	<button id="buttonJIR" value="Joint Integrity Record">Joint
		Integrity Record</button>
	<button id="buttonFD" value="Flange Data">Flange Data</button>
	<button id="buttonBTenR" value="Bolt Tensioner Record">Bolt
		Tensioner Record</button>
	<button id="buttonVC" value="Visual Checks">Visual Checks</button>
	<br>
	<br>
	<button id="buttonEAT" value="Equipment and Tool">Equipment
		and Tool</button>
	<button id="buttonBTrqR" value="Bolt Torquing Record">Bolt
		Torquing Record</button>
	<button id="buttonJRL" value="Justrite Recommended Loads">Justrite
		Recommended Loads</button>
	<button id="buttonCSL" value="Customer Specific Loads">Customer
		Specific Loads</button>
	<button id="buttonRAA" value="Review And Acceptance">Review
		And Acceptance</button>

	<%
		if (request.getAttribute("message") != null) {
			if ("success".equals(request.getAttribute("message"))) {
	%>
	<div class="ui-widget">
		<div class="ui-state-highlight ui-corner-all"
			style="margin-top: 20px; padding: 0 .7em;">
			<p>
				<span class="ui-icon ui-icon-info"
					style="float: left; margin-right: .3em;"></span> <strong>Hurray
					!</strong> Your Data was saved !
			</p>
		</div>
	</div>

	<%
		} else {
	%>
	<div class="ui-widget">
		<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
			<p>
				<span class="ui-icon ui-icon-alert"
					style="float: left; margin-right: .3em;"></span> <strong>Sorry
					! </strong> Something Snapped ! <br> <br> It was probably because
				you left some fields blank.<br> <i>Atleast the date columns
					must be filled to by pass that!</i><br> Or, the connection to the
				database snapped ! <br> <i>In that case, check if there's a
					command line interface running.</i> <br> No? Then, run the <strong>hsqldb->bin->runServer.bat</strong>
				file. <br> <i>We hope you get things working back again !
					Good Luck!</i>
			</p>
		</div>
	</div>

	<%
		}
		}
	%>

	<h1>Flange Data Fill Form</h1>
	<div style="height: 400px; width: 50%; position: relative; left: 20%;">
		<form name="flangeData" method="post"
			action="<%=request.getContextPath()%>/Controller">
			<input type="hidden" name="whereFrom" value="makeEntry">
			<div id="dataForm" class="ui-widget">

				<div id="1" style="position: relative; left: 20%;">
					<h2>General</h2>
					<div>
						<div>Client Name</div>
						<div>
							<input type="text" name="GEN_Client" id="GEN_Client">
						</div>
					</div>

					<div>
						<div>Flange Identification</div>
						<div>
							<input type="text" name="GEN_flangeID" id="GEN_flangeID">
						</div>
					</div>

					<div>
						<div>Flange Location</div>
						<div>
							<input type="text" name="GEN_flangeLocation"
								id="GEN_flangeLocation">
						</div>
					</div>

					<div>
						<div>HBT Supervisor</div>
						<div>
							<input type="text" name="GEN_HBTSupervisor"
								id="GEN_HBTSupervisor">
						</div>
					</div>

					<div>
						<div>HBT Technician</div>
						<div>
							<input type="text" name="GEN_HBTTechnician"
								id="GEN_HBTTechnician">
						</div>
					</div>

					<div>
						<div>Workdate</div>
						<div>
							<input type="text" name="GEN_Workdate" id="GEN_Workdate">
						</div>
					</div>
				</div>

				<div id="2">
					<h3>Joint Integrity Record</h3>

					<div>
						<div>Top</div>
						<div>
							<input type="text" name="JIR_top" id="JIR_top">
						</div>
					</div>

					<div>
						<div>Bottom</div>
						<div>
							<input type="text" name="JIR_bottom" id="JIR_bottom">
						</div>
					</div>

					<div>
						<div>Left</div>
						<div>
							<input type="text" name="JIR_left" id="JIR_left">
						</div>
					</div>

					<div>
						<div>Right</div>
						<div>
							<input type="text" name="JIR_right" id="JIR_right">
						</div>
					</div>

					<div>
						<div>Remarks</div>
						<div>
							<input type="text" name="JIR_remarks" id="JIR_remarks">
						</div>
					</div>
				</div>
				<div id="3">
					<h3>Flange Data</h3>

					<div>
						<div>Nom Dia And Flange Class</div>
						<div>
							<input type="text" name="FD_nomDiaFlangeClass"
								id="FD_nomDiaFlangeClass">
						</div>
					</div>

					<div>
						<div>Gasket Type</div>
						<div>
							<input type="text" name="FD_gasketType" id="FD_gasketType">
						</div>
					</div>

					<div>
						<div>Gasket Material</div>
						<div>
							<input type="text" name="FD_gasketMaterial"
								id="FD_gasketMaterial">
						</div>
					</div>

					<div>
						<div>Bolt Material</div>
						<div>
							<input type="text" name="FD_boltMaterial" id="FD_boltMaterial">
						</div>
					</div>

					<div>
						<div>Flange Material</div>
						<div>
							<input type="text" name="FD_flangeMaterial"
								id="FD_flangeMaterial">
						</div>
					</div>
					<div>
						<div>Bolt Diameter</div>
						<div>
							<input type="text" name="FD_boltDiameter" id="FD_boltDiameter">
						</div>
					</div>

					<div>
						<div>No. of Bolts</div>
						<div>
							<input type="text" name="FD_noOfBolts" id="FD_noOfBolts">
						</div>
					</div>


					<div>
						<div>Joint Configuration</div>
						<div>
							<input type="text" name="FD_jointConfiguration"
								id="FD_jointConfiguration">
						</div>
					</div>

					<div>
						<div>Flange/Line Test Pressure</div>
						<div>
							<input type="text" name="FD_flangeLineTestPressure"
								id="FD_flangeLineTestPressure">
						</div>
					</div>
				</div>
				<div id="4">
					<h3>Bolt Tensioner Record</h3>

					<div>
						<div>No. of Tensioners Used</div>
						<div>
							<input type="text" name="BTenR_noOfTensioner"
								id="BTenR_noOfTensioner">
						</div>
					</div>

					<div>
						<div>Pump Serial Number</div>
						<div>
							<input type="text" name="BTenR_pumpSerialNo"
								id="BTenR_pumpSerialNo">
						</div>
					</div>

					<div>
						<div>1st Pass Pressure</div>
						<div>
							<input type="text" name="BTenR_1stPassPressure"
								id="BTenR_1stPassPressure">
						</div>
					</div>

					<div>
						<div>2nd Pass Pressure</div>
						<div>
							<input type="text" name="BTenR_2ndPassPressure"
								id="BTenR_2ndPassPressure">
						</div>
					</div>

					<div>
						<div>Checking Pass Pressure</div>
						<div>
							<input type="text" name="BTenR_CheckingPassPressure"
								id="BTenR_CheckingPassPressure">
						</div>
					</div>
				</div>
				<div id="5">
					<h3>Visual Checks</h3>

					<div>
						<div>Bolt Condition</div>
						<div>
							<input type="text" name="VC_boltCondition" id="VC_boltCondition">
						</div>
					</div>

					<div>
						<div>Flange Prepared By</div>
						<div>
							<input type="text" name="VC_flangePreparedBy"
								id="VC_flangePreparedBy">
						</div>
					</div>

					<div>
						<div>Minimum Thread Protrusion</div>
						<div>
							<input type="text" name="VC_minThreadProtrusion"
								id="VC_minThreadProtrusion">
						</div>
					</div>

					<div>
						<div>Thread Form</div>
						<div>
							<input type="text" name="VC_threadForm" id="VC_threadForm">
						</div>
					</div>

					<div>
						<div>Flange Face Condition</div>
						<div>
							<input type="text" name="VC_flangeFaceCondition"
								id="VC_flangeFaceCondition">
						</div>
					</div>
				</div>
				<div id="6">
					<h3>Equipment and Tool</h3>
					<div>
						<div>Bolt Tensioner</div>
						<div>
							<input type="text" name="ET_boltTensioner" id="ET_boltTensioner">
						</div>
					</div>

					<div>
						<div>Model</div>
						<div>
							<input type="text" name="ET_boltTensionerModel"
								id="ET_boltTensionerModel">
						</div>
					</div>

					<div>
						<div>Torque Wrench</div>
						<div>
							<input type="text" name="ET_torqueWrench" id="ET_torqueWrench">
						</div>
					</div>

					<div>
						<div>Model</div>
						<div>
							<input type="text" name="ET_torqueWrenchModel"
								id="ET_torqueWrenchModel">
						</div>
					</div>

					<div>
						<div>Flogging Spanner</div>
						<div>
							<input type="text" name="ET_floggingSpanner"
								id="ET_floggingSpanner">
						</div>
					</div>

					<div>
						<div>Model</div>
						<div>
							<input type="text" name="ET_floggingSpannerModel"
								id="ET_floggingSpannerModel">
						</div>
					</div>
				</div>
				<div id="7">
					<h3>Bolt Torquing Record</h3>

					<div>
						<div>No. of Torque Wrenches Used</div>
						<div>
							<input type="text" name="BTorR_noOfTorqueWrench"
								id="BTorR_noOfTorqueWrench">
						</div>
					</div>

					<div>
						<div>Pump Serial Number</div>
						<div>
							<input type="text" name="BTorR_pumpSerialNo"
								id="BTorR_pumpSerialNo">
						</div>
					</div>

					<div>
						<div>Lubricant Used</div>
						<div>
							<input type="text" name="BTorR_lubricantUsed"
								id="BTorR_lubricantUsed">
						</div>
					</div>

					<div>
						<div>Lubricant Applied By</div>
						<div>
							<input type="text" name="BTorR_lubricantAppliedBy"
								id="BTorR_lubricantAppliedBy">
						</div>
					</div>

					<div>
						<div>Torque Applied</div>
						<div>
							<input type="text" name="BTorR_torqueApplied"
								id="BTorR_torqueApplied">
						</div>
					</div>
				</div>
				<div id="8">
					<h3>Justrite Recommended Loads</h3>
					<div>
						<div>Residual Bolt Load</div>
						<div>
							<input type="text" name="JRL_residualBoltLoad"
								id="JRL_residualBoltLoad">
						</div>
					</div>

					<div>
						<div>Residual Bolt Stress</div>
						<div>
							<input type="text" name="JRL_residualBoltStress"
								id="JRL_residualBoltStress">
						</div>
					</div>

					<div>
						<div>Torque</div>
						<div>
							<input type="text" name="JRL_torque" id="JRL_torque">
						</div>
					</div>

					<div>
						<div>Coefficient of Friction</div>
						<div>
							<input type="text" name="JRL_frictionCoefficient"
								id="JRL_frictionCoefficient">
						</div>
					</div>

					<div>
						<div>Pressure Applied</div>
						<div>
							<input type="text" name="JRL_pressureApplied"
								id="JRL_pressureApplied">
						</div>
					</div>
				</div>
				<div id="9">
					<h3>Customer Specified Loads</h3>

					<div>
						<div>Residual Bolt Load</div>
						<div>
							<input type="text" name="CSL_residualBoltLoad"
								id="CSL_residualBoltLoad">
						</div>
					</div>

					<div>
						<div>Residual Bolt Stress</div>
						<div>
							<input type="text" name="CSL_residualBoltStress"
								id="CSL_residualBoltStress">
						</div>
					</div>

					<div>
						<div>Torque</div>
						<div>
							<input type="text" name="CSL_torque" id="CSL_torque">
						</div>
					</div>
				</div>
				<div id="10">
					<h3>Review and Acceptance Signatures</h3>
					<div>
						<div>On Behalf of Justrite : Name</div>
						<div>
							<input type="text" name="RAS_justriteName" id="RAS_justriteName">
						</div>
					</div>

					<div>
						<div>Date</div>
						<div>
							<input type="text" name="RAS_justriteDate" id="RAS_justriteDate">
						</div>
					</div>

					<div>
						<div>Acceptance on Behalf of (Company?)</div>
						<div>
							<input type="text" name="RAS_onBehalfOf" id="RAS_onBehalfOf">
						</div>
					</div>

					<div>
						<div>Acceptor's Name</div>
						<div>
							<input type="text" name="RAS_onBehalfOfName"
								id="RAS_onBehalfOfName">
						</div>
					</div>

					<div>
						<div>Date</div>
						<div>
							<input type="text" name="RAS_onBehalfOfDate"
								id="RAS_onBehalfOfDate">
						</div>
					</div>

					<div>
						<div>Flange Tags Attached</div>
						<div>
							<input type="text" name="RAS_flangeTagsAttached"
								id="RAS_flangeTagsAttached">
						</div>
					</div>
				</div>
				<div>
					<div>.</div>
					<div>
						<button id="SubmitButton" type="submit">Submit Data</button>
					</div>
				</div>

			</div>
		</form>
	</div>

	<div id="footer" class="clear" style="text-align: center;">
		<p></p>

		<span style="font-size: 10px;"> Flange Data designed and
			created by <strong>A-Labs</strong> &copy; 2013<br>
		</span>
	</div>
</body>
</html>
